layui.use(['form', 'layer', 'table', 'laydate', 'func', 'ax', 'tableSelect'], function () {
    var layer = layui.layer;
    var table = layui.table;
    var form = layui.form;
    var laydate = layui.laydate;
    var func = layui.func;
    var $ax = layui.ax;
    var tableSelect = layui.tableSelect;

    /**
     * 初始化表单，要加上，不然刷新部分组件可能会不加载
     */
    form.render();

    /**
     * 初始化表格
     */
    var Images = {
        tableId: "ImagesTable" //表格id
    };


    /**
     * 弹出添加对话框
     */
    Images.openAdd = function () {
        func.open({
            title: "上传图片",
            maxmin: true,
            height: 700,
            content: Feng.ctxPath + '/web/images/addOrEdit',
            tableId: Images.tableId
        });
    };

    // 添加按钮点击事件
    $("#btnAdd").click(function(){
        Images.openAdd();
    });

    /**
     * 点击删除按钮
     *
     * @param data 点击按钮时候的行数据
     */
    Images.onDelete = function (data) {
        var operation = function () {
            var ajax = new $ax(Feng.ctxPath + "/web/images/delete", function (data) {
                Feng.success("删除成功!");
                table.reload(Images.tableId);
            }, function (data) {
                Feng.error("删除失败!" + data.responseJSON.message + "!");
            });
            ajax.set("magicBoxId", data.id);
            ajax.start();
        };
        Feng.confirm("是否删除该图片?", operation);
    };

    // 工具条点击事件
    table.on('tool(' + Images.tableId + ')', function (obj) {
        var data = obj.data;
        var layEvent = obj.event;

        if (layEvent === 'edit') {
            Images.onEdit(data);
        } else if(layEvent === 'delete'){
            Images.onDelete(data);
        }
    });

});

$(function () {
    var panehHidden = false;
    if ($(this).width() < 769) {
        panehHidden = true;
    }
    $('#myContiner').layout({initClosed: panehHidden, west__size: 260});
});